<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>



<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8" />
<title>青麦门店系统 |入库单详情</title>
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
	name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />

<!-- ================== BEGIN BASE CSS STYLE ================== -->
<%@ include file="../include/inc_head.jsp"%>
<!-- ================== END BASE CSS STYLE ================== -->

<!-- ================== BEGIN BASE JS ================== -->
<script src="/assets/plugins/pace/pace.min.js"></script>
<link rel="stylesheet" type="text/css" href="/assets/css/orderStatus.css"> 
<!-- ================== END BASE JS ================== -->
</head>
<style>
.form-horizontal.form-bordered .form-group>.control-label {
    padding: 20px 158px 15px;
    border-right: 1px solid #eee;
    margin-right: -1px;
}
.form-horizontal.form-bordered .form-group>div {
    padding: 20px;
    border-left: 1px solid #eee;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle; 
    border-top: 1px solid #ddd;
}
</style>
<body>
	<!-- begin #page-loader -->
	<div id="page-loader" class="fade in">
		<span class="spinner"></span>
	</div>
	<!-- end #page-loader -->

	<!-- begin #page-container -->
	<div id="page-container"
		class="fade page-sidebar-fixed page-header-fixed">
		<!-- begin #header -->
		<%@ include file="../include/inc_header.jsp"%>
		<!-- end #header -->

		<!-- begin #sidebar -->
		<%@ include file="../include/inc_left.jsp"%>
		<!-- end #sidebar -->

		<!-- begin #content -->
		<div id="content" class="content">
			<!-- begin breadcrumb -->
			<ol class="breadcrumb pull-right">
				<li><a href="javascript:;">首页</a></li>
				<li class="active">入库单详情</li>
			</ol>
			<!-- end breadcrumb -->
			<!-- begin page-header -->
			<h1 class="page-header">入库单详情</h1>
				<button type="button" class="btn btn-primary m-r-5 m-b-5" onclick="back();">返回</button>
			<!-- end page-header -->
			   
			
 					 <div class="table-responsive">
                        <table id="user" class="table table-bordered table-striped">
                            <thead>
                             <tr>
                                    <td style="width:220px;font-weight:900;font-size: 16px;">入库单信息</td>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td style="width:320px;">采购单ID:<a href="#"  style="margin-left: 30px;">${procurementOrderInstock.procerementId}</a></td>
                                </tr>
                                <tr>
                                    <td style="width:320px;">商家:<a href="#" style="margin-left: 30px;">${shopName }</a></td>
                                </tr>
                                 <tr>
                                    <td style="width:320px;">入库时间:<a href="#" style="margin-left: 30px;" >${instockTime }</a></td>
                                </tr>  
                            </tbody>
                        </table>                          
                    </div>
                            <div class="panel panel-inverse" data-sortable-id="table-basic-1">
                        <div class="panel-heading" style="background: #a5bcd2;">
                            <h4 class="panel-title">入库单商品</h4>
                        </div>
                        <div class="panel-body">
                        	<div class="table-responsive">
								<table class="table">
									<thead>
										<tr>
											<th>#</th>
                                            <th>商品名称</th>
                                            <th>商品规格</th>
											<th>商品重量</th>									
											<th>入库数量</th>
											<th>入库时间</th>																	 
										</tr>
									</thead>
									<tbody >
									<c:forEach items="${procurementOrderInstockItems}" var="li">
										<tr >
											<td>${li.id }</td>
											<td>${li.skuName }</td>
											<th>${li.skuFormat }</th>
											<th>
											<span class="text-warning"> 
													${li.weight }
											</span>
											</th>
											<th>
											<span class="text-warning"> 
													${li.num }
											</span>
											</th>
                                            <th>${li.time }</th>
										</tr>
									</c:forEach>
									</tbody>
									<tfoot>
									</tfoot>
								</table>
                            </div>
                        </div>
                    </div>

		</div>
		<!-- end #content -->

		<%@ include file="../include/inc_footer.jsp"%>
		<!-- begin scroll to top btn -->
		<a href="javascript:;"
			class="btn btn-icon btn-circle btn-success btn-scroll-to-top fade"
			data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
		<!-- end scroll to top btn -->
	</div>
	<!-- end page container -->

	<!-- ================== BEGIN BASE JS ================== -->
	<%@ include file="../include/inc_foot.jsp"%>

	<!-- ================== END BASE JS ================== -->

	<!-- ================== BEGIN PAGE LEVEL JS ================== -->
	<script src="/assets/plugins/DataTables/media/js/jquery.dataTables.js"></script>
	<script src="/assets/plugins/DataTables/media/js/dataTables.bootstrap.min.js"></script>
	<script src="/assets/plugins/DataTables/extensions/Responsive/js/dataTables.responsive.min.js"></script>
	<script src="/assets/js/table-manage-default.demo.min.js"></script>
	<script src="/assets/js/apps.min.js"></script>
	<!-- ================== END PAGE LEVEL JS ================== -->

	<script>
		$(document).ready(function() {
			App.init();
			TableManageDefault.init();
			initStatus(5);
		});
		
		function back(){
			history.go(-1);
		}
		
		function initStatus(index){
		if(index==-1){
			$('#status-1').show();
		for(var j=0;j<7;j++){
			$('#status'+j).hide();
		}
		return;
		}
			$('#status-1').hide();
			$("#status"+index).attr("class","step-cur");
		if(index>0){
		for(var i=0;i<=index-1;i++){
			$("#status"+i).attr("class","step-done");
		}
		for(var a=index+1;a<=6;a++){
			$("#status"+a).attr("class","ss");
		}
		}else{
			$("#status0"+index).attr("class","step-cur");
		for(var s=1;s<7;s++){
			$("#status"+s).attr("class","ss");
		}
		}
		}
	</script>

</body>
</html>


